//$(function(){
//	var QXPieChart = echarts.init(document.getElementById('QXPieChart'));
//	pieOption = {
//		title: '',
//			grid: {
//				top:0,bottom:0,
//			},
//			xAxis: {
//				max: 100,
//				show: false,
//			},
//			yAxis: {
//				data: [17, 13, 12],
//				show: false
//			},
//			series: [{
//				type: 'pie',
//				center: ['50%', '20%'],
//				radius: ['44%', '74%'],
//				x: '0%',
//				itemStyle: {
//					normal: {
//						label: {
//							formatter: function(params) {
//								return 100 - params.value + '%'
//							},
//						}
//					}
//				},
//				data: [{
//					name: '',
//					value: 83,
//					itemStyle: {
//						normal: {
//							color: '#12d7fa',
//							label: {
//								show: true,
//								position: 'center',
////								color:
//							},
//							labelLine: {
//								show: false
//							}
//						},
//						emphasis: {
////							color: 'rgba(0,0,0,0)'
//						}
//					}
//				}, {
//					name: '消缺',
//					value: 17,
//					itemStyle: {
//						normal: {
//							color:'#cd6f75',
//							label: {
//								show: true,
//								position: 'center',
//								formatter: '{b}',
//							}
//						}
//					}
//				}]
//			},{
//				type: 'pie',
//				center: ['50%', '50%'],
//				radius: ['44%', '74%'],
//				x: '0%',
//				itemStyle: {
//					normal: {
//						label: {
//							formatter: function(params) {
//								return 100 - params.value + '%'
//							},
//							textStyle: {
//								baseline: 'top'
//							}
//						}
//					}
//				},
//				data: [{
//					name: '',
//					value: 77,
//					itemStyle: {
//						normal: {
//							color: '#12d7fa',
//							label: {
//								show: true,
//								position: 'center'
//							},
//							labelLine: {
//								show: false
//							}
//						},
//						emphasis: {
////							color: 'rgba(0,0,0,0)'
//						}
//					}
//				}, {
//					name: '报缺',
//					value: 23,
//					itemStyle: {
//						normal: {
//							color:'#9773e5',
//							label: {
//								show: true,
//								position: 'center',
//								formatter: '{b}',
//							}
//						}
//					}
//				}]
//			},{
//				type: 'pie',
//				center: ['50%', '80%'],
//				radius: ['44%', '74%'],
//				x: '0%',
//				itemStyle: {
//					normal: {
//						label: {
//							formatter: function(params) {
//								return 100 - params.value + '%'
//							},
//							textStyle: {
//								baseline: 'top'
//							}
//						}
//					}
//				},
//				data: [{
//					name: '',
//					value: 83,
//					itemStyle: {
//						normal: {
//							color: '#12d7fa',
//							label: {
//								show: true,
//								position: 'center'
//							},
//							labelLine: {
//								show: false
//							}
//						},
//						emphasis: {
////							color: 'rgba(0,0,0,0)'
//						}
//					}
//				}, {
//					name: '报缺',
//					value: 17,
//					itemStyle: {
//						normal: {
//							label: {
//								color:'#f9b176',
//								show: true,
//								position: 'center',
//								formatter: '{b}',
////								color:'#ad99d9'
//							}
//						}
//					}
//				}]
//			}]
//	}
//	QXPieChart.setOption(pieOption);
//	var QXbarChart = echarts.init(document.getElementById('QXBarChart'));
//	barOption = {
//		grid: {
//			top: 0,
//			bottom: 0,
////			left: 70,
//		},
//		tooltip: {
//			show: false,
//			trigger: 'item'
//		},
//		xAxis: {
//			show: false
//		},
//		yAxis: [{
//			type: 'category',
//			axisTick: {
//				show: false
//			},
//			axisLine: {
//				show: false,
//				lineStyle: {
//					color: '#fff',
//				}
//			},
//			axisLabel: {
//				//					show:false,
//				fontSize: 14,
//				//					color:
//			},
//			data: []
//		}, {
//			show: false,
//			data: []
//		}],
//		series: [{
//			name: 'shuju',
//			type: 'bar',
//			barGap: '-100%',
//			yAxisIndex: 0,
//			stack: 'a',
//			data: [2, 2, 2],
//			barWidth: 16,
//			itemStyle: {
//				normal: {
//					color: 'none',
//					barBorderRadius: 40,
//				}
//			}
//		}, {
//			name: '数据数据',
//			type: 'bar',
//			yAxisIndex: 0,
//			stack: 'a',
//			data: [0 * 1.46, 0 * 1.46, 0 * 1.46],
//			barWidth: 16,
//			itemStyle: {
//				normal: {
//					color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
//						offset: 0,
//						color: '#3475d1'
//					}, {
//						offset: 1,
//						color: '#00dfff'
//					}]),
//					barBorderRadius: 40,
//				}
//			},
//			label: {
//				normal: {
//					show: false,
//					position: 'right',
//					offset: [82, 0],
//					textStyle: {
//						color: "#fff",
//						fontSize: 16,
//						fontWeight: 600
//					},
//					formatter: function(e) {
//						//              	console.log(e)
//						return(e.value / 1.46).toFixed(0) + "%";
//					}
//				},
//
//			},
//		}, {
//			name: '数据数据',
//			type: 'bar',
//			yAxisIndex: 1,
//			barGap: '-100%',
//			stack: 'b',
//			data: [150, 150, 150],
//			zlevel: 2,
//			barWidth: 26,
//			label: {
//				normal: {
//					show: false,
//					position: 'insideLeft',
//					formatter: function(e) {
//						return e.name
//					},
//					offset: [10, 0],
//					textStyle: {
//						color: '#fff',
//						//                  fontSize: 4,
//						//                  fontWeight: 600
//					},
//				},
//
//			},
//			itemStyle: {
//				normal: {
//					color: 'none',
//					borderColor: '#00e3fd',
//					borderWidth: 2,
//					barBorderRadius: 55,
//				}
//			}
//		}]
//	}
//	QXbarChart.setOption(barOption);
////	var tempData = Math.random() * 100;
//	var tempData = [17,23,17];
//	var data = [];
//	for(var i = 0;i<tempData.length;i++){
//		data.push(tempData[i]*1.46);
//	}
//	barOption.series[1].data = data;
////	RankingOption.series[1].label.normal.position = tempData < 90 ? 'right' : "insideRight";
////	RankingOption.series[1].label.normal.offset = tempData < 20 ? [80 - tempData * 4, 0] : [0, 0];
//	QXbarChart.setOption(barOption);
//})
$(function(){
	var BQchart = echarts.init(document.getElementsByClassName('BQchart')[0]);
	var BQchartPC = echarts.init(document.getElementsByClassName('BQchart')[1]);
	BQoption = {
		title:{
			text:'报缺',
			textStyle:{
				color:'#fff',
				fontSize:14,
			},
			left:'center',
			bottom:'bottom'
		},
		series:{
			type:'liquidFill',
			data:[0.3],
			color:['#16b1eb'],
//			color: ['#294D99', '#156ACF', '#1598ED', '#45BDFF'],
			center: ['55%', '50%'],
    radius: '64%',
    outline:{
    	borderDistance :4,
    	itemStyle:{
    		borderColor:'#3278d2',
    		borderWidth:4,
    	}
    },//边界与内表距离
    backgroundStyle:"#3278d2",
		label:{
			color:'#3278d2',
			fontSize:20
		}

		}
	}
	BQchart.setOption(BQoption);
	BQchartPC.setOption(BQoption);
	var XQchart = echarts.init(document.getElementsByClassName('XQchart')[0]);
	var XQchartPC = echarts.init(document.getElementsByClassName('XQchart')[1]);
	XQoption = {
		title:{
			text:'消缺',
			textStyle:{
				color:'#fff',
				fontSize:14,
			},
			left:'center',
			bottom:'bottom'
		},
		series:{
			type:'liquidFill',
			data:[0.1],
			color:['#16b1eb'],
//			color: ['#294D99', '#156ACF', '#1598ED', '#45BDFF'],
			center: ['45%', '50%'],
    radius: '64%',
    outline:{
    	borderDistance :4,
    	itemStyle:{
    		borderColor:'#3278d2',
    		borderWidth:4,
    	}
    },//边界与内表距离
    backgroundStyle:"#3278d2",
		label:{
			color:'#3278d2',
			fontSize:20
		}

		}
	}
	XQchart.setOption(XQoption);
	XQchartPC.setOption(XQoption);
	var YQchart = echarts.init(document.getElementsByClassName('YQchart')[0]);
	var YQchartPC = echarts.init(document.getElementsByClassName('YQchart')[1]);
	YQoption = {
		title:{
			text:'验缺',
			textStyle:{
				color:'#fff',
				fontSize:14,
			},
			left:'center',
			bottom:'bottom'
		},
		series:{
			type:'liquidFill',
			data:[0.1],
			color:['#16b1eb'],
//			color: ['#294D99', '#156ACF', '#1598ED', '#45BDFF'],
			center: ['55%', '50%'],
    radius: '64%',
    outline:{
    	borderDistance :4,
    	itemStyle:{
    		borderColor:'#3278d2',
    		borderWidth:4,
    	}
    },//边界与内表距离
    backgroundStyle:"#3278d2",
		label:{
			color:'#3278d2',
			fontSize:20
		}

		}
	}
	YQchart.setOption(YQoption);
	YQchartPC.setOption(YQoption);
	var QXfinished = echarts.init(document.getElementsByClassName('finished')[0]);
	var QXfinishedPC = echarts.init(document.getElementsByClassName('finished')[1]);
	FinishedOption = {
		title:{
			text:'已完成',
			textStyle:{
				color:'#fff',
				fontSize:14,
			},
			left:'center',
			bottom:'bottom'
		},
		series:{
			type:'liquidFill',
			data:[0.5],
			color:['#16b1eb'],
//			color: ['#294D99', '#156ACF', '#1598ED', '#45BDFF'],
			center: ['45%', '50%'],
    radius: '64%',
    outline:{
    	borderDistance :4,
    	itemStyle:{
    		borderColor:'#3278d2',
    		borderWidth:4,
    	}
    },//边界与内表距离
    backgroundStyle:"#3278d2",
		label:{
			color:'#3278d2',
			fontSize:20
		}

		}
	}
	QXfinished.setOption(FinishedOption)
	QXfinishedPC.setOption(FinishedOption)
})
